<template>
	<view class="wrapForm">
		<view class="bgLine pB30">
			<view class="mL15 mR15 accountInfo pT15 pB15 pL15 pR15">
				<view class="flex alg-center">
					<text class="font14 pR5">我的账户金额</text>
					<u-icon name="eye-fill" :size="32"></u-icon>
				</view>
				<view class="mT10 t-center font30 bold">
					485.00
				</view>
				<view class="flex jst-between mT10">
					<view class="w60" @click="xf.onlineUtils.route(`/pages/economicPage/subpackge/myWallet/totalMoney`)">
						<view>
							<text class="font15 pR5">累计佣金</text>
							<u-icon name="arrow-right"></u-icon>
						</view>
						<view class="font24 bold mT5">
							485.00
						</view>
					</view>
					<view class="w40" @click="xf.onlineUtils.route(`/pages/economicPage/subpackge/myWallet/totalNumber`)">
						<view>
							<text class="font15 pR5">成交总数</text>
							<u-icon name="arrow-right"></u-icon>
						</view>
						<view class="font24 bold mT5">
							48
						</view>
					</view>
				</view>
				<view class="flex jst-center" v-if="wxSync">
					<view class="txBtn">提现</view>
				</view>
			</view>
		</view>
		<view class="wrapFormBody pL15 pR15 pT10 myInfoForm">
			<view class="flex jst-between pB10">
				<text class="font15">收支明细</text>
			</view>
			<mescroll-uni class="lisBox" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback"
				:down="downOption" :up="upOption" :bottombar="false" :top="wxSync?560:420">
				<view class="pL15 pR15">
					<view class="flex alg-center jst-between u-border-bottom pT10 pB10" v-for="(item,i) in list" :key="i">
						<view class="font15">
							<view>{{item.source}}</view>
							<view class="font13 u-8bd mT5">{{item.createTime}}</view>
						</view>
						<view>
							<view class="font12 t-right">收益</view>
							<view class="font20 mT5">+{{item.branch}}</view>
						</view>
					</view>
				</view>
			</mescroll-uni>
		</view>

	</view>
</template>

<script>
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin],

		data() {
			return {
				wxSync:null,
				downOption: {
					use: true,
					auto: false
				},
				query: {
					longitude: null,
					latitude: null,
					oddJobName: '',
					sort: '',
					oddReleaseType: '',
					salaryRange: '',
					settlementWay: '',
					jobNumType: '',
					izTools: '',
					workWay: '',
					oddJobType: "",
					oftenFilter: [],
					pageSize: 10,
					pageNo: 1
				},
				upOption: {
					page: {
						num: 0,
						size: 10,
						time: null
					},
					empty: {
						use: true,
						icon: '/static/image/nodata.png',
						tip: "暂无数据",
						fixed: true
					},
					textNoMore: "到底啦~",
				},
				list: [{
					source:"佣金收入",
					createTime:"2024-12-23 17:00",
					branch:10
				}],

			


			};
		},
		async onShow() {
			this.wxSync= await this.xf.getIsShowPay();
			console.log(this.wxSync)
		},
		methods: {
			search() {
				this.list = [];
				this.mescroll.resetUpScroll();
			},
			async upCallback(page) {
				return this.mescroll.endSuccess(1)
				// if (page.num == 1) this.list = [];

			},
		}
	};
</script>
<style lang="scss">
	page {
		min-height: 100%;
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.wrapForm {
		height: 100%;
		.wrapFormBody {
			margin-top: -30rpx;
			border-radius: 40rpx 40rpx 0 0;
			background: #fff;
		}
		.accountInfo{
			background: linear-gradient(0deg, #F3FCFF 0%, #E1F8FF 100%);
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			border: 4rpx solid #fff;
		}
		.txBtn{
			width: 500rpx;
			height: 100rpx;
			background: #00A0C6;
			font-size: 32rpx;
			text-align: center;
			color: #fff;
			margin-top: 20rpx;
			line-height: 100rpx;
			border-radius: 30rpx 30rpx 30rpx 30rpx;
		}
	}

	.bgLine {
		background: linear-gradient( 0deg, #F8FAFF, #EBFCFF);
		width: 100%;
		// height: 60rpx;
	}
</style>